<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
	<style>
		.active {
			color: red;
		}
	</style>

	<body>
		<h1>H!!!!</h1>
		<h2 id="h2"></h2>
		<ul>
			<li>qqqqq</li>

			<li>qqqqq</li>
			<li>qqqqq</li>
			<li>qqqqq</li>
			<li>qqqqq</li>
			<li>qqqqq</li>
			<li>qqqqq</li>
			<li>qqqqq</li>
			<li>qqqqq</li>
			<li>qqqqq
				<ul>
					<li>wwwww</li>
					<li>wwwww</li>
					<li>wwwww</li>
					<li>wwwww</li>
					<li>wwwww
						<ol>
							<li>eeeee</li>
							<li>eeeee</li>
							<li>eeeee</li>
							<li>eeeee</li>
							<li>eeeee</li>
						</ol>
					</li>
					<li>wwwww</li>
				</ul>

			</li>
		</ul>

		<input type="button" name="button" id="button" value=" 按鈕" onclick="fu()" />

		<button>ssss</button>
		<button>ssss</button>

		<p>sssssssssss</p>
		<script>
			$('body ul li').mouseenter(function() {

				$(this).addClass('active');
			})
			$('body ul li').mouseleave(function() {
				$(this).removeClass('active');
			})

			$('button').click(function() {
				$('p').toggle()
				$('ul').toggle();
			})
			$('body ul li').click(function() {
				$('this').children().toggle();
			})
		</script>

		<input type="hidden" id="aaa" value="1" />
		<select id="select" style="display:none">
			<option>111</option>
			<option>111</option>
		</select>
		<a href="javascript:void(0)" onclick="ccc()">click me</a>
	</body>
	<script>
		function ccc() {
			var a = $("#aaa").val();
			if(parseInt(a) % 2 == 0) {
				alert(1)
				$("#select").hide();
			} else {
				alert(2)
				$("#select").show();
			}
			$("#aaa").attr("value", parseInt(a) + 1);
		}
	</script>

	</body>

</html>